<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FC游乐园</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <div class="main">
        <div class="pic1">
            <img src="./uploads/banner_1.png" alt="">
        </div>
        <h5>乐园活动</h5>


        <div class="outgoing">
            <img src="./uploads/item_1.png" alt="">
            <div class="running1">
                进行中
            </div>
            <i class="iconfont icon-shoucang1"></i>
            <div class="box">
                <div class="txt">
                    <span>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</span>
                    <span class="free">免费</span>
                </div>
                <div class="time">
                    <span> <i class="iconfont icon-qizhi"></i> 200人已报名</span>
                    <span> <i class="iconfont icon-shizhong"></i> 本周六开始</span>
                </div>
            </div>
        </div>


        <div class="outgoing">
            <img src="./uploads/item_2.png" alt="">
            <div class="running2">
                已截止
            </div>

            <div class="box">
                <div class="txt">
                    <span>摄影兴趣班- 7天教会你精通摄影，培养孩子兴趣从娃娃抓起</span>
                    <span class="free">免费</span>
                </div>
                <div class="time">
                    <span> <i class="iconfont icon-qizhi"></i> 200人已报名</span>
                    <span> <i class="iconfont icon-shizhong"></i> 本周六开始</span>
                </div>
            </div>
        </div>

        <div class="outgoing">
            <img src="./uploads/item_3.png" alt="">
            <div class="running2">
                已结束
            </div>
            <i class="iconfont icon-shoucang"></i>
            <div class="box">
                <div class="txt">
                    <span>趣味识地图- 换了游戏中认识世界地图，亲子互动不可错过</span>
                    <span class="free">免费</span>
                </div>
                <div class="time">
                    <span> <i class="iconfont icon-qizhi"></i> 200人已报名</span>
                    <span> <i class="iconfont icon-shizhong"></i> 本周六开始</span>
                </div>
            </div>

        </div>

        <div class="mask"></div>
    </div>

    <!-- 底部工具栏 -->
    <footer>
        <ul>
            <li>
                <i class="iconfont icon-index-copy"></i>
                <span>首页</span>
                </a>
            </li>
            <li>
                <i class="iconfont icon-youhuiquan"></i>
                <span>卡券</span>
                </a>
            </li>
            <li>
                <i class="iconfont icon-iconfront-"></i>
                <span>首页</span>
                </a>
            </li>
        </ul>
    </footer>

    <!-- 适配引入js文件flexible -->
    <script src="./js/flexible.js"></script>
</body>

</html>